<template>
<kb-layout title="用户中心">
	<!-- <view class="line-border u-margin-bottom-30"> </view> -->
	<view class="avatar u-margin-top-40">	
		 <view class="hy-tag">
		 	<up-avatar :src="ee.user.head_img"
		 	size="84"
		 	shape="circle"></up-avatar>
			<view class="kbicon-mini kb-huiyuan-tag" style="width: 16px; height: 16px;">
				
			</view>
		 </view>
		
		 
		<view class="username  u-flex-grow">
			<view class="u-flex u-flex-between">
				<view class="u-flex-grow">
					<text>欢迎您!</text> 
				</view>
				<navigator url="/pages/user/message">
					<view class="u-flex ">
						<!-- <text class="kbicon-mini-small kb-erweima"></text> -->
						 <text class="u-margin-left-30 kbicon-mini kb-xiaoxi2"></text>
					 </view>
				</navigator>
			</view>
			<view class="u-margin-top-15">
				<text> {{ee.user.mobile}}</text> 
			</view>
		</view>
	</view>
	<view class="mymenu">
		<up-grid col="4" >
			<up-grid-item>
				<navigator url="/pages/user/ticket">
					<view class="kb-submenu-btn">
						<text class="kbicon kb-ticket"></text>
						<text>我的门票</text>
					</view>
				</navigator>
			</up-grid-item> 
			<up-grid-item>
				<navigator url="/pages/user/mycard">
					<view class="kb-submenu-btn">
						<text class="kbicon kb-kabao"></text>
						<text>我的卡包</text>
					</view>
				</navigator>
			</up-grid-item> 
			<up-grid-item>
				<navigator url="/pages/user/redpack/redpack">
					<view class="kb-submenu-btn">
						<text class="kbicon kb-youhuiquan"></text>
						<text>优惠券</text>
					</view>
				</navigator>
			</up-grid-item> 
			<up-grid-item>
				<navigator url="/pages/user/feed">
					<view class="kb-submenu-btn">
						<text class="kbicon kb-huodongbaoming"></text>
						<text>报名活动</text>
					</view>
				</navigator>
			</up-grid-item> 
		</up-grid>
	</view>
	
	<view class="groes">
		<up-cell-group  :border="false">
			<up-cell  title="消费记录" :isLink="true" 
			url="/pages/send/sell?type=chushou" 
			size="13" row-direction="right">
				<template #icon>
				 <text class="kbicon-mini kb-xiaofeijilu"></text>
				</template>			  
			</up-cell>
			
			<up-cell  title="出行信息" :isLink="true"
			url="/pages/user/people"
			size="13" arrow-direction="right">
				<template #icon>
				 <text class="kbicon-mini kb-chuxingren"></text>
				</template>			  
			</up-cell>
			
			<up-cell  title="我的收藏" :isLink="true"
			url="/pages/send/index"
			size="13" arrow-direction="right">
				<template #icon>
				 <text class="kbicon-mini kb-wodeshoucang"></text>
				</template>			  
			</up-cell>
			<up-cell  title="点评留言" :isLink="true"
			url="/pages/send/index?type=qiuzu"
			size="13" arrow-direction="right">
				<template #icon>
				 <text class="kbicon-mini kb-dianpingliuyan"></text>
				</template>			  
			</up-cell>
			<!-- 
			<up-cell  title="加入我们" :isLink="true"
			url="/pages/paper/paper?type=joinus"
			size="" arrow-direction="right">
				<template #icon>
				 <text class="kbicon-mini kb-joinus"></text>
				</template>			  
			</up-cell> -->
			
			<up-cell  title="景区介绍" :isLink="true"
			url="/pages/paper/paper?type=about"
			size="13" arrow-direction="right">
				<template #icon>
				 <text class="kbicon-mini kb-jingqujieshao"></text>
				</template>			  
			</up-cell>
			
			<!-- #ifdef MP-WEIXIN -->
			<up-cell value="">
							 <template #icon>
							  <text class="kbicon-mini kb-wxkefu"></text>
							 </template>	
								<template #title>
								 <button open-type="contact" class="nobdbut" style="border: 0px;"> <text>联系客服</text></button> 
								</template>
								<template #right-icon>
									<up-icon name="arrow-right"></up-icon>
								</template>
			</up-cell>
			<!-- #endif -->
		
		<!-- 	 <up-cell  title="隐私协议申明" :isLink="true"
			url="/pages/paper/paper?type=privacy"
			size="" arrow-direction="right">
				<template #icon>
				 <text class="kbicon-mini kb-yinsitiaokuan"></text>
				</template>			  
			</up-cell> -->
			 
		</up-cell-group>
	</view>
</kb-layout> 	 
</template>

<script>
	export default {
		name:"PageUser",
		data() {
			return {
				
			}
		},
		methods: {
			
		},
		mounted() {
			if(!this.ee.user){
				uni.navigateTo({
					url:"/pages/login/login"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.avatar{
		padding: 30rpx;
		padding-left: 36rpx;
		display: flex;
		align-items: center;
		
		.username{
			margin-left: 30rpx;
			font-size: 36rpx;
		}
			
		.hy-tag{
			position: relative;
		}
		.kb-huiyuan-tag{
			position: absolute;
			bottom: 5px;
			right: 0px;
		}
	}
	.groes{
		background-color: #fff;
		padding: 30rpx;
		border-radius: 20rpx;
		margin: 20rpx;
		padding-top: 0;
		
		.kbicon-mini {
			margin-right: 10rpx;
			margin-left: -20rpx;
		}
	}
	 
	.mymenu, {
		background-color: #fff;
		padding: 30rpx 10rpx;
		border-radius: 20rpx;
		margin: 20rpx;
		padding-left: 0rpx;
	}
	.kb-submenu-btn {
		display: flex;
		text-align: center;
		justify-content: flex-start;
		flex-direction: column;
		align-items: center;
		font-size: 30rpx;
		line-height: 80rpx;
	}
/*按钮取消边框和*/
 .nobdbut{
  padding-left: 0;
  padding-right: 0;
  text-align: left;  
  background: none;  
  line-height: 100%;
  font-size: 15px;
  color:#303133;
}
 .nobdbut::after{
  border: none;
}	 
</style>
